/**
 * Created by mi on 2017/8/24.
 */
@charset "utf-8";
@import "common/minxincommon";



//右侧
.user-content{
    background: #fff;
}
//2.消息
.message-list{
    ul{
        border-bottom:1px solid #ccc;
    }
    li{
        padding: 0 50px;
    }
    .messlist{
        border-bottom: 1px solid #cccccc;
        font-size:12px;
        color: #999999;
        padding: 14px 0 10px;
    }
    //最后一个去除border
    .last-border{
        border:none;
    }
    .check{
        width:14px;
        height:14px;
        margin-right: 10px;
        vertical-align: -1px;
    }
    .check-text{
        font-size:14px;
        font-weight:bold;
        color: #333333;
    }
    .check-wrap.checked .check:after{
        background-position: 48% 48%;
    }
    .list-time{
        width:135px;
        text-align: right;
        background: url(../img/user/icon-time.png) no-repeat left;
    }
    .list-bottom{
        margin-top: 10px;
        p{
            width:100%;
            cursor: pointer;
            @include textoverflow;
        }
    }
    //底部page导航
    .line-handle{
        width:100%;
        height:36px;
        line-height: 36px;
        padding:0 50px;
        margin:30px 0;
        .read{
            .check-text{
                font-weight:normal;
            }
            .m-read{
                width:76px;
                height:36px;
                background: #1e87f2;
                color: #fff;
                text-align: center;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 2px;
                margin-left: 10px;
            }
        }
        .pagelist-wrap{
            font-size:0;
            .page-num,select,.page-list,.topage{
                float: left;
            }
            .page-num{
                font-size:14px;
                color: $color-active;
            }
            select{
                width:100px;
                height:36px;
                border:1px solid #ccc;
                margin:0 10px;
                padding: 0 10px;
                appearance:none;  
                -moz-appearance:none;  
                -webkit-appearance:none; 
                background: url(../img/dlibrary/down.png) no-repeat 90% center; 
                font-family:'Microsoft YaHei','Helvetica Neue','Helvetica';
            }
            select::-ms-expand { display: none; }
            .page-list{
                font-size: 0;
                vertical-align: middle;
                button{
                    height:36px;
                    padding:0 12px;
                    margin-right: 2px;
                    color: #666666;
                    background: transparent;
                    border:1px solid #ccc;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
                    font-size: 14px;
                    -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    -ms-transition: all .5s;
                    -o-transition: all .5s;
                    transition: all .5s;
                    vertical-align: middle;
                    &:hover,&.active{
                        border-color: $color-active;
                        color: #fff;
                        background: $color-active;
                    }
                }
                button.disabled{
                    color: #cccccc;
                    pointer-events: none;
                }
            }
            .topage{
                font-size: 0;
                button,input,span{
                    font-size: 14px;
                    vertical-align: middle;
                }
                button{
                    margin-left: 5px;
                    background:transparent;
                }
                input{
                    width:36px;
                    height:36px;
                    padding:0 9px;
                    border:1px solid #ccc;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
                    margin:0 10px;
                }
            }
        }
    }
}